<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			
			body{
				background-color: rgb(196 196 196);
			}
			
			ul{
				list-style: none;
				width: 600px;
				border: 1px solid rgb(139 139 139);
				padding: 20px;
				margin: 50px auto;
			}
			
			li{
				border-bottom: 1px dashed rgb(223 223 223);
			}
			
			li:first-child{
				border-bottom-style: solid;
				font-size: 1.5rem;
				font-weight: bold;
				text-indent: 0;
			}
			
			li:not(:first-child){
				text-indent: 1.5rem;
			}
			
			li:not(:first-child):hover{
				text-decoration: underline;
				cursor: pointer;
			}
			

		</style>
	</head>
	<body>
		<ul>
			<li>最新文章/New Articles</li>
			<li>北京招聘网页设计，平面设计	</li>
			<li>体验javascript的魅力</li>
			<li>jquery世界来临</li>
			<li>网页设计师的梦想</li>
			<li>jquery中的链式编程是什么</li>
		</ul>
	</body>
</html>
